<template>
  <div class="p-crumbs">
    <el-breadcrumb separator-class="el-icon-arrow-right">
      <el-breadcrumb-item :to="{path: '/'}">{{ $store.state.geo.position.city.replace('市', '') }}美团</el-breadcrumb-item>
      <el-breadcrumb-item>{{ $store.state.geo.position.city.replace('市', '') }}{{ decodeURIComponent(keyword) }}</el-breadcrumb-item>
    </el-breadcrumb>
  </div>
</template>

<script>
export default {
  props: {
    keyword: {
      type: String,
      default: ''
    }
  }
}
</script>

<style lang="stylus" scoped>
  .p-crumbs
    margin 10px 0
    .el-breadcrumb__item
      color #222 !important 
      cursor pointer
</style>
